<template>
  <div class="charts" ref="charts">
  </div>
</template>

<script>
import * as echarts from 'echarts';
export default {
  name: 'index',
  mounted(){
    // 初始化 echarts 实例
    let lineCharts = echarts.init(this.$refs.charts) 
    lineCharts.setOption({
        xAxis:{
           show:false,  // 隐藏 x 轴 
           type:'category',
        },
        yAxis:{show:false},
        series:[
             {
               type:'bar',
               data: [10, 7, 33, 12, 48, 9,29,10,44],
             },
        ],
        // 布局模式
        grid:{
           left:0,
           top:0,
           right:0,
           bottom:0,
        },
        tooltip:{}
    })
  }
  
}
</script>

<style scoped>
.charts {
  width: 100%;
  height: 100%;
}
</style>
